@CHARSET "ISO-8859-1";
*{ margin: 0; padding: 0; list-style-type: none; vertical-align:baseline;}
body{ font-size: small; font-family: Tahoma, Calibri, Sans-serif; background-image: url('../images/bg.jpg'); background-repeat: no-repeat; background-size: 100% 100%;}

#header{ width: 100%; min-width: 800px; position: relative; z-index: 10;  width: 1024px; min-width: 800px; margin: 0px auto 0 auto; position: relative; z-index: 10;}
#top{ width: 100%; background-color: #6b7f8a; position: relative; z-index: 3; height: 132px; border-radius: 10px 10px 0 0; margin-top: 10px; border-top: 7px solid #4b525a;}
#top div{padding: 30px;}
#top div h1{position: absolute; display: block; top: 50px; right: 80px; padding: 9px 0;  padding-right: 50px;background-image: url('../images/header/gear.png'); background-repeat: no-repeat; background-position: right; color: #fff; font-family: impact; font-weight: normal; letter-spacing: 2px;}

#menu{position: absolute; right: 392px;}
#menu button{width: 138px; height: 39px; position: absolute; bottom: -10px; left: 65px; background-image: url('../images/header/bg-button.png'); background-position: 0 38px; border-radius: 5px; border: none; color: #fff; font-weight: bold; font-family: tahoma, arial, sans-serif; cursor: pointer; border: 1px solid #fff; background-color: #030447; z-index: 22;}
#menu button.active{background-position: 0 0px;}
#menu div{width: 250px; border: 1px solid #006699; background-color: #f4f4f4; position: absolute; bottom: 12px; left: 15px; z-index: 1; padding-top: 18px; -webkit-transition: bottom 0.2s linear; transition: bottom 0.2s linear; -moz-transition: bottom 0.2s linear; -o-transition: bottom 0.2s linear;}
#menu div ul{background-color: #eee;}
#menu div ul li{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;  position: relative;}
#menu div ul li img{ position: absolute; top: 13px; left: 13px;}
#menu div ul li a{color: #7d7d7d; font-family: tahoma, arial, sans-serif; font-size: 13px; text-decoration: none; padding: 13px 0; padding-left: 40px; display: block;}
#menu div ul li a:hover{color: #006699;}
#menu div ul li:hover{border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

#container{width: 1002px; background-color: #eee; border:1px solid #ccc; margin: -4px auto 0 auto; padding: 15px 10px 0 10px; border-top: none; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; margin-bottom: 10px;}
#container h1{font-family: tahoma, calibri, sans-serif; font-size: 14px; background-color: #030348; font-weight: normal; color: #fff; padding: 10px 30px;}

#container #frame{padding-top: 5px; text-align: center; overflow: auto}
#container #frame form{width: 250px; padding: 25px 0; margin: 0 auto 0 auto; text-align: left;}
#container #frame form label{display: block; font-size: 22px; font-family: calibri; color: #555; margin-top: 15px; padding-left: 5px;}
#container #frame form input{height: 40px; width: 250px; }
#container #frame form input[type='text'], input[type='password']{color: #888; font-size: 19px; padding-left: 5px; border: 1px solid #b2b2b2;}
#container #frame form input[type='submit']{color: #006699; cursor: pointer; margin-top: 15px;}

#footer{text-align: center; padding: 10px 0; font-size: 11px; font-weight: bold; color: #999; border-top: 1px dashed #ccc;}

.field-required{color: red; float: right; font-size: 10px; margin-top: 4px;}
.loading{background-image: url('../images/ajax-loader.gif'); background-repeat: no-repeat; background-position: center top; text-align: center; padding-top: 35px; color: #006699; margin-top: 15px;}
.message{text-align: center; color: red; margin-top: 15px;}